<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/common.jsp" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>信息绑定</title>
		<link rel="Shortcut Icon" href="${url }/img/favicon.ico">
		<link rel="stylesheet" href="${url }/vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="${url }/css/common.css" />
		<link rel="stylesheet" href="${url }/css/header.css" />
		<link rel="stylesheet" href="${url }/css/user.css" />
		<link rel="stylesheet" href="${url }/css/user-info-bind.css" />
	</head>

	<body>
		<header id="header">
			<div class="header-wrapper">
				<ul class="header-left">
					<li class="item lagou-app">
						<a href="${url }/"><i class="icon fa fa-mobile"></i>拉勾APP</a>
					</li>
				</ul>
				<ul class="header-right">
					<li class="item">
						<a href="${url }/msg.html">消息</a>
						<span class="mark">3</span>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="${url }/resume.html">我的简历</a>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="${url }/delivery.html">投递反馈</a>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="${url }/invitation.html">职位邀请</a>
					</li>
					<li class="item line">|</li>
					<li class="item user">
						<a href="${url }/#" class="user-name" id="userName">${userEntity.email } &nbsp;<i class="icon fa fa-caret-down"></i></a>
						<ul class="user-content">
							<li class="content-item">
								<a href="${url }/user/User/toBindInfoUI.action">帐号设置</a>
							</li>
							<li class="content-item">
								<a href="${url }/user/User/logout.action">退出</a>
							</li>
						</ul>
					</li>
					
					<li class="item">
						<a href="${url }/common/Common/tologinUI.action">登录</a>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="${url }/register.html">注册</a>
					</li>
				</ul>
			</div>
			<nav class="nav">
				<div class="nav-content">
					<a href="${url }/index.html" class="nav-logo"><img src="${url }/img/index2.png" /></a>
					<ul class="nav-menu">
						<li class="menu-item">
							<a href="${url }/index.html">首页</a>
						</li>
						<li class="menu-item">
							<a href="${url }/search.html">职位</a>
						</li>
						<li class="menu-item">
							<a href="${url }/company.html">公司</a>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		
		<div class="fixed-bar-top" onclick = "returnTop()" id="fixed-bar"></div>
		<div class="fixed-bar-suggest"></div>
		<div class="feedback">我要反馈</div>
		
		<div class="wrapper">
			<div class="content">
				<ul class="left">
					<li class="left-item active">
						<a href="${url }/user/User/toBindInfoUI.action">信息绑定</a>
					</li>
					<li class="left-item">
						<a href="${url }/user-privacy-setting.html">隐私设置</a>
					</li>
					<li class="left-item">
						<a href="${url }/user-reset-password.html">修改密码</a>
					</li>
				</ul>
				
				<div class="right">
					<div class="user-number">
						登陆账号：${userEntity.email }
						<div class="tip">为了给您更好的体验，建议您绑定以下信息：</div>
					</div>
					<form action="${url }/user/User/bindInfo.action" method="post">
					<div class="input-wrapper">
						<input type="text" name="user.username" value="${userEntity.username }"   id="username" placeholder="请输入您的真实姓名" />
					</div>
					<div class="input-wrapper">
						<input type="text" name="user.phone" value="${userEntity.phone }"   id="phone" placeholder="请输入您的手机号码" />
					</div>
					<button class="submit">保存</button>
					</form>
				</div>
			</div>
		</div>

		<div class="footer">
			<div id="weibo">
				<a href="${url }/app.html"><img src="${url }/img/weibo.png" style="width:240px;height:240px" /></a>
			</div>

			<div id="weixin">
				<a href="${url }/"><img src="${url }/img/weixin.png" style="width:235px;height:235px" /></a>
			</div>
			<div class="footer-inside">
				<div class="footer-lagou">
					<div class="footer-text">
						<dl class="list-nav">
							<dd id="lagou-weibo">
								<a href="${url }/">拉勾APP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="${url }/">拉勾微博&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd id="lagou-weixin">
								<a href="${url }/">拉钩微信&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="${url }/">版本更新&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="${url }/">帮助中心&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="${url }/">联系我们&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="${url }/">在线交流&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="${url }/">服务热线：4006-2828-35 (9:00 -18:00)</a>
							</dd>
						</dl>
						<div class="footer-new"></div>
					</div>
					<div class="footer-image"></div>
					<div class="footer-text1"> ©2016 Lagou 京ICP备14023790号-2 京公网安备11010802017116号</div>
				</div>
			</div>
		</div>
		<script src="${url }/vendor/jquery.min.js"></script>
		<script src="${url }/js/common.js" ></script>
	</body>

</html>